<!DOCTYPE html>
<link rel="icon" href="../images/icon/bj_logo.png" type="image/x-icon">
<title>智慧燃气云平台</title>
<html ng-app="CustomServiceApp" xmlns:ng="http://angularjs.org">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">

    <!-- Basic Styles -->
    <link rel="stylesheet" type="text/css" media="screen" href="../lib/bootstrap-3.3.5-dist/css/bootstrap.min.css">
    <link rel="stylesheet" type="text/css" media="screen" href="../lib/font-awesome-4.6.3/css/font-awesome.min.css">
    <link rel="stylesheet" href="../lib/org-chart/css/jquery.orgchart.css">
    <link rel="stylesheet" href="../lib/org-chart/css/style.css">
    <link href="../lib/other-css/animate.min.css" rel="stylesheet"/>
    <!-- FAVICONS -->
    <link rel="shortcut icon" href="../images/favicon/favicon.ico" type="image/x-icon">
    <link rel="icon" href="../images/favicon/favicon.ico" type="image/x-icon">
    <!-- Custom styles for this template -->
    <link href="../styles/stylesheets/global.css" rel="stylesheet">
    <link href="../lib/bootstrap-datetimepicker/bootstrap-datetimepicker.min.css" rel="stylesheet">


    <script src="../scripts/util/browser-checker.js"></script>
    <script src="../lib/jquery/jquery-2.0.2.min.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap.min.js"></script>
    <script src="../lib/underscore/underscore-min.js"></script>
    <script src="../lib/angular/angular.min.js"></script>
    <script src="../lib/angular/angular-ui-router.min.js"></script>
    <script src="../lib/angular-modal-service/dst/angular-modal-service.js"></script>
    <script src="../lib/bootstrap-3.3.5-dist/js/bootstrap-notify.js"></script>

    <script src="../scripts/common/common.js"></script>
    <script src="../scripts/common/commonFilter.js"></script>
    <script src="../scripts/common/config.js"></script>
    <script src="../scripts/common/constant.js"></script>
    <script src="../scripts/common/httpInterceptor.js"></script>
    <script src="../scripts/common/pagerService.js"></script>
    <script src="../scripts/common/njModal.js"></script>
    <script src="../scripts/common/njPager.js"></script>
    <script src="../scripts/common/njPartials.js"></script>
    <script src="../scripts/common/component.js"></script>


    <script src="../scripts/sys/customService/customServiceApp.js"></script>
    <script src="../scripts/sys/customService/customerManageService.js"></script>
    <script src="../scripts/sys/customService/webPhoneCtrl.js"></script>
    <script src="../scripts/sys/customService/orderService.js"></script>
    <script src="../scripts/sys/customService/ktyService.js"></script>
    <script src="../scripts/sys/customService/customerModalCtrl.js"></script>

    <script src="../scripts/sys/customService/mendCtrl.js"></script>
    <script src="../scripts/sys/customService/mendAssignModalCtrl.js"></script>
    <script src="../scripts/sys/customService/mendDealModalCtrl.js"></script>
    <script src="../scripts/sys/customService/securityCtrl.js"></script>
    <script src="../scripts/sys/customService/securityAssignModalCtrl.js"></script>
    <script src="../scripts/sys/customService/securityDealModalCtrl.js"></script>
    <script src="../scripts/sys/customService/complaintCtrl.js"></script>
    <script src="../scripts/sys/customService/complaintAssignModalCtrl.js"></script>
    <script src="../scripts/sys/customService/complaintDealModalCtrl.js"></script>

    <script src="../scripts/sys/customService/addGasTicketModalCtrl.js"></script>
    <script src="../scripts/sys/customService/deleteGasTicketCtrl.js"></script>


    <script src="../scripts/sys/customService/assignModalCtrl.js"></script>
    <script src="../scripts/sys/customService/orderModalCtrl.js"></script>
    <script src="../scripts/sys/customService/callCenterCtrl.js"></script>
    <script src="../scripts/sys/customService/orderDeliveryCtrl.js"></script>
    <script src="../scripts/sys/customService/orderCtrl.js"></script>
    <script src="../scripts/sys/customService/report1Ctrl.js"></script>
    <script src="../scripts/sys/customService/report2Ctrl.js"></script>
    <script src="../scripts/sys/customService/report3Ctrl.js"></script>
    <script src="../scripts/sys/customService/report4Ctrl.js"></script>
    <script src="../scripts/sys/customService/report5Ctrl.js"></script>
    <script src="../scripts/sys/customService/report6Ctrl.js"></script>

    <script src="../scripts/sys/customService/purchaseHistoryModalCtrl.js"></script>







    <script src="../scripts/sys/customService/mendSecurityComplaintService.js"></script>


    <script src="../scripts/sys/customService/customerManageCtrl.js"></script>
    <script src="../lib/bootstrap-datetimepicker/moment.min.js"></script>
    <script src="../lib/bootstrap-datetimepicker/moment-with-locales.min.js"></script>

    <script src="../lib/bootstrap-datetimepicker/bootstrap-datetimepicker.min.js"></script>
    <script src="https://webapi.amap.com/maps?v=1.4.2&key=eb79fa54c36eb2021e515ea789bb4bde&&plugin=AMap.Scale,AMap.OverView,AMap.ToolBar"></script>

    <script src="../lib/web-phone/callhelper.min.js"></script>

    <script type="text/javascript" src="../lib/org-chart/script/html2canvas.min.js"></script>
    <script type="text/javascript" src="../lib/org-chart/script/jquery.orgchart.js"></script>
    <script src="../scripts/echarts/echarts.min.js"></script>

    <script src="../scripts/echarts/echarts-gl.min.js"></script>

    <script src="../scripts/sys/customService/pressedOrderHistoryModalCtrl.js"></script>

    <style>

        *{font-family:"微软雅黑"}
        /*.btn{background-color:#e6f3fc;border: 1px solid #b1defd;height:30px;}*/
        /*table button{width:40px;height:55px;border:none;}*/

        .label-title{min-width: 120px; font-size: 14px; font-weight: bold; height: 25px; text-align: center;
            display: inline-block;width: 100%;}
        .label-content{min-width: 120px; font-size: 14px; text-align: center; height: 25px; padding: 5px 5px;
            color:#fff;box-shadow: inset 2px 2px 2px #337ab7; border-radius: 4px; background: #337ab7;display: inline-block;}


        .label-content-phone{min-width: 150px; font-size: 18px; text-align: center; height: 25px; padding: 5px 5px;
           color:#fff; box-shadow: inset 2px 2px 2px #337ab7; border-radius: 4px; background: #337ab7;display: inline-block;}


        .register{background: url(../images/web-phone/register.png) no-repeat;}
        .register-disabled{background: url(../images/web-phone/register1.png) no-repeat;}
        .register:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .unregister{background: url(../images/web-phone/unregister.png) no-repeat;}
        .unregister-disabled{background: url(../images/web-phone/unregister1.png) no-repeat;}
        .unregister:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .ready{background: url(../images/web-phone/changeStatusFree.png) no-repeat;}
        .ready-disabled{background: url(../images/web-phone/changeStatusFree1.png) no-repeat;}
        .ready:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .notready{background: url(../images/web-phone/unset.png) no-repeat;}
        .notready-disabled{background: url(../images/web-phone/unset1.png) no-repeat;}
        .notready:hover{border:1px solid #b1defd;background-color:#e6f3fc;}


        .busy{background: url(../images/web-phone/changeStatusBusy.png) no-repeat;}
        .busy-disabled{background: url(../images/web-phone/changeStatusBusy1.png) no-repeat;}
        .busy:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .makecall{background: url(../images/web-phone/makeCall.png) no-repeat;}
        .makecall-disabled{background: url(../images/web-phone/makeCall1.png) no-repeat;}
        .makecall:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .answer{background: url(../images/web-phone/answer.png) no-repeat;}
        .answer-disabled{background: url(../images/web-phone/answer1.png) no-repeat;}
        .answer:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .hold{background: url(../images/web-phone/hold.png) no-repeat;}
        .hold-disabled{background: url(../images/web-phone/hold1.png) no-repeat;}
        .hold:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .unhold{background: url(../images/web-phone/unhold.png) no-repeat}
        .unhold-disabled{background: url(../images/web-phone/unhold1.png) no-repeat}
        .unhold:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .hangup{background: url(../images/web-phone/hangup.png) no-repeat}
        .hangup-disabled{background: url(../images/web-phone/hangup1.png) no-repeat}
        .hangup:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .transfer{background: url(../images/web-phone/transfer.png) no-repeat}
        .transfer-disabled{background: url(../images/web-phone/transfer1.png) no-repeat}
        .transfer:hover{border:1px solid #b1defd;background-color:#e6f3fc;}

        .threeway{background: url(../images/web-phone/threeway.png) no-repeat}
        .threeway-disabled{background: url(../images/web-phone/threeway1.png) no-repeat}
        .threeway:hover{border:1px solid #b1defd;background-color:#e6f3fc;}
    </style>
    <style type="text/css">
        .orgchart td.left, .orgchart td.right, .orgchart td.top { border-color: #aaa; }
        .orgchart td>.down { background-color: #aaa; }
        .orgchart .middle-level .title { background-color: #006699; }
        .orgchart .middle-level .content { border-color: #006699; }
        .orgchart .product-dept .title { background-color: #009933; }
        .orgchart .product-dept .content { border-color: #009933; }
        .orgchart .rd-dept .title { background-color: #993366; }
        .orgchart .rd-dept .content { border-color: #993366; }
        .orgchart .pipeline1 .title { background-color: #996633; }
        .orgchart .pipeline1 .content { border-color: #996633; }
        .orgchart .frontend1 .title { background-color: #cc0066; }
        .orgchart .frontend1 .content { border-color: #cc0066; }
    </style>

</head>
<body>

<div class="noprint" nj-header ></div>
<div class="container main">
    <div class="row">
        <div ng-mouseover="hover = true" ng-mouseleave="hover = false" class="col-xs-12 col-sm-2 col-md-1 col-lg-1" ng-class="{width_3_percent:!hover}" nj-menu></div>
        <div class="col-xs-12 col-sm-10 col-md-11 col-lg-11" ng-class="{width_97_percent:!hover}">
            <div nj-phone></div>
            <div ui-view></div>
        </div>
    </div>
</div>
</body>
</html>